<template>
	<view class="container">
		<uni-nav-bar @clickLeft="clickLeft" fixed="true" left-icon="arrowleft" title="歌手分类" background-color="#d44439" color="white"></uni-nav-bar>
		<fengLei @jump="jump"></fengLei>
		<geshoulist :lists="lists"></geshoulist>
	</view>
</template>

<script>
	import fengLei from '../../components/fenglei/fenglei.vue'
	import geshoulist from '../../components/geshoulist/geshoulist.vue'
	import {list} from '../../api/GeShouLieBiao/GeShouLieBiao.js'
	export default {
		data() {
			return {
				lists:[]
			}
		},
		methods:{
			clickLeft(){
				uni.navigateBack({
				    delta: 1
				})
			},
			jump(id){
				list({type:-1,area:id}).then(res => {
					this.lists = res.artists
				})
			}
		},
		components:{
			fengLei,
			geshoulist
		}
	}
</script>

<style lang="scss">
	.container{
		width: 750rpx;
	}
</style>
